@import "../../common/global.less";

@console-line-height: 1.186;

.console{
    flex: none;
    height: 100%;
    width: 100%;
    background: @console-background;
    overflow: auto;
    font-family: @console-font-family;
    color: @console-color;
    line-height: @console-line-height;
    white-space: pre;
    tab-size: 4;
    //火狐浏览器隐藏滚动条
    scrollbar-width: none;
    //IE、Edge自动隐藏滚动条
    -ms-overflow-style: -ms-autohiding-scrollbar;
    p, div {
        margin: 0;
        ln {
            color:gray;
            margin:0 8px 0 2px;
            min-width: 45px;
            display: inline-block;
            border-right: 1px solid;
            .textNoSelect();
        }
    };
    table {
        border: inset olivedrab;
        margin: 0 0 0 15px;
        tr > td, tr > th {
            padding: 0 6px 0 6px;
        }
    }
    .banner {
        margin: 0 0 12px 15px;
    }
    .black {
        color: black;
    }
    .red {
        color: red;
    }
    .green {
        color: lawngreen;
    }
    .yellow {
        color: yellow;
    }
    .blue {
        color: blueviolet;
    }
    .magenta {
        color: magenta;
    }
    .cyan {
        color: cyan;
    }
    .white {
        color: white;
    }
}

.console::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : @scrollbar-size;
    height: 0;
}

.loading{
    width:150px;
    margin:2px auto;
    text-align: center;
    div{
        width: 18px;
        height: 18px;
        border-radius: 100%;
        display:inline-block;
        background-color: #1ee6e2;
        -webkit-animation: three 1.4s infinite ease-in-out;
        animation: three 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}
.loading .three1{
    -webkit-animation-delay: -0.30s;
    animation-delay: -0.30s;
}
.loading .three2{
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
@-webkit-keyframes three {
    0%, 80%, 100% {-webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes three {
    0%, 80%, 100% {-webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
//闪烁
@keyframes blink {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}
@-webkit-keyframes blink {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}
